<template>
	<view style="padding: 0 30rpx;">
		<u--form>
			<u-form-item label="姓名">
				<u-input v-model="form.name" border placeholder="请输入您的姓名" />
			</u-form-item>
			<u-form-item label="味道">
				<u-radio-group v-model="form.sex">
					<u-radio name="男">
						男
					</u-radio>
					<u-radio name="女">
						女
					</u-radio>
				</u-radio-group>
			</u-form-item>
			<u-form-item label="手机号">
				<u-input v-model="form.mobile" border placeholder="请输入您的手机号" />
			</u-form-item>
			<u-form-item label="验证码">
				<u-input v-model="form.mobile" border placeholder="请输入手机验证码" />
				<u-verification-code slot="right" :seconds="seconds">
					<button type="default" plain style="border: none;color: skyblue;" size="mini">{{tips}}</button>
				</u-verification-code>
			</u-form-item>
		</u--form>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				text: '',
				form: {
					name: '',
					sex: '',
					mobile: '',
					code: ''
				},
				seconds: 60,
				tips: '获取验证码'
			}
		},
		methods: {

		},
		onLoad({
			text
		}) {
			this.text = text
		}
	}
</script>

<style>

</style>
